<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery.min.js"></script>
    <script>
        $(function(){
            // jQuery对象.each(函数) 成员函数，jQuery对象的each方法
            // $("li").each(function(index,item){
            //     // console.log(index);//索引
            //     // console.log(item);//DOM对象
            //     console.log(item.innerHTML);//DOM对象.innerHTML
            //     console.log($(item).html());//jQuery对象.html()
            //     console.log(this===item);
            // });


            // $.each(object,函数)此方法可用于例遍任何对象
            var objs={"id":1001,"name":"alice"};
            $.each(objs,function(index,item){
                console.log(index);//属性名
                console.log(item);//属性值
            });
            $.each(["a","b","c"],function(index,item){
                console.log(index);//索引
                console.log(item);//元素值
            });

            $.each($("li"),function (index,item) {
                console.log(index);//索引
                console.log(item);//DOM对象
                console.log(this===item);
            });
        });

        // console.log($===jQuery);//$是jQuery的别名
    </script>
</head>
<body>
    <ul>
        <li>li01</li>
        <li>li02</li>
        <li>li03</li>
        <li>li04</li>
        <li>li05</li>
    </ul>
</body>
</html>